<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>销售报表线性图</title>
<script type="text/javascript" src="/wms/js/plugins/highcharts/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="/wms/js/plugins/highcharts/highcharts.js"></script>
<style type="text/css">
${
demo
.css
}
</style>
<script type="text/javascript">
	$(function() {
		$('#container')
				.highcharts(
						{
							title : {//标题
								text : '销售报表线性图',
								x : -20
							//center
							},
							subtitle : {
								text : '按照' + '<s:property value="#groupType"/>' + '进行分组',
								x : -20
							},
							xAxis : {
								categories : <s:property value="#groupTypes" escapeHtml="false"/>
							},
							yAxis : {
								title : {//纵坐标
									text : '销售总金额(元)'
								},
								plotLines : [ {
									value : 0,
									width : 1,
									color : '#808080'
								} ]
							},
							tooltip : {
								valueSuffix : '元'
							},
							legend : {
								layout : 'vertical',
								align : 'right',
								verticalAlign : 'middle',
								borderWidth : 0
							},
							series : [
									{
										name : '销售总金额',
										data : <s:property value="#amounts" escapeHtml="false"/>
									} ]
						});
	});
</script>
</head>
<body>
	<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
</body>
</html>